<template>
    <div class="newinfo-container">
        <h3 class="title">新闻标题{{id}}</h3>
        <p class="subtitle">
            <span>发表时间：{{time | dataFormat}}</span>
            <span>点击：0次</span>
        </p>

        <hr>

        <div class="content">
            <p>你好么123123钱物轻微qwwqwqwqww</p>
            <p>你好么123123</p>
            <p>你好么123123</p>
            <p>你好么123123</p>
            <p>你好么123123</p>
            <span>hahah</span>
        </div>

        <!-- 评论 -->
        <commont-box></commont-box>
    </div>
</template>

<script>
import comment from '../subcomponents/comment.vue'
export default {
    data( ) {
        return {
            id: this.$route.params.id,
            time: new Date()
        }
    },
    components: {
        'commont-box': comment
    }
}
</script>

<style scoped>
    .newinfo-container{
        padding: 0 4px;
    }

    .title{
        font-size: 16px;
        text-align: center;
        margin:15px 0;
        color: red;
    }
    .subtitle{
        font-size: 13px;
        color:#226a44;
        display: flex;
        justify-content: space-between;
    }

</style>
